import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import './assets/css/base.css'
import './assets/css/main.styl'
import BaseComponents from './components/base'
import BaseDirective from './directive'
import { createPinia } from 'pinia'
import axios from 'axios';

import VueAxios from 'vue-axios'
import { Tab, Tabs } from 'vant';
import { NavBar } from 'vant';
import { Field, CellGroup } from 'vant';
import { Button } from 'vant';
import { Divider } from 'vant';
import * as echarts from 'echarts';
import { Calendar } from 'vant';
import { Cell} from 'vant';
import { NoticeBar } from 'vant';
import { Toast } from 'vant';
import { Popup } from 'vant';
const app = createApp(App)

require('./mock'); 
app.use(Popup);
app.use(Toast);
app.use(NavBar);
app.use(Tab);
app.use(Tabs);
app.use(Field);
app.use(CellGroup);
app.use(BaseComponents)
app.use(BaseDirective)
app.use(createPinia())
app.use(Button);
app.use(Divider);
app.use(Calendar);
app.use(CellGroup);
app.use(Cell);
app.use(NoticeBar);

app.config.globalProperties.$echarts = echarts // 全局挂载echarts
app.use(store).use(router,axios,VueAxios).mount('#app')